<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>SpringBootDemo(入门SpringBoot的首选Demo)</title>
  <style>
    body {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }

    #welcome {
      text-align: center;
    }
  </style>
</head>
<body>
<div id="welcome">
  <h3>欢迎使用 <span th:text="${project}"></span> - Powered By <span th:text=" ${author}"></span></h3>
  <span th:text="${url}"></span>
  <div style="text-align: center; padding: 10px">
    <a style="text-decoration: none;" href="#" th:href="@{${url}}" target="_bank">
      <strong>spring-boot-demo，入门Spring Boot的首选Demo！:)</strong>
    </a>
  </div>
  <div style="text-align: center; padding: 4px">
    如果对你有帮助,请任意打赏
  </div>
  <div style="width: 100%;height: 100%;text-align: center;display: flex">
    <div style="flex: 1;"></div>
    <div style="display: flex;width: 400px;">
      <div style="flex: 1;text-align: center;">
        <div>
          <img width="180px" height="180px" src="http://xkcoding.com/resources/wechat-reward-image.png">
        </div>
        <div>微信打赏</div>
      </div>
      <div style="flex: 1;text-align: center;">
        <div><img width="180px" height="180px" src="http://xkcoding.com/resources/alipay-reward-image.png">
        </div>
        <div>支付宝打赏</div>
      </div>
    </div>
    <div style="flex: 1;"></div>
  </div>

</div>
</body>
</html>
